<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript</title>
</head>
<body>

    <input type="text">
    <button>隐藏密码</button>

    <ul>
        <li>11</li>
        <li>22</li>
    </ul>

    <!-- <div class="one">
        这是一个div标签
    </div> -->

    <script>
        //删除元素
        // 这是选中标签
        let ul = document.querySelector('ul');
        for(let i = 3; i < 10; i++) {
            //添加标签
            let li = document.createElement('li');
            li.innerHTML = i + '' + i;
            //添加元素
            ul.appendChild(li);
        }

        //选中要删除的元素
        let toDelete = document.querySelectorAll('li')[2];
        ul.removeChild(toDelete);


        // //添加元素
        // let input = document.createElement('input');
        // //让输入框中默认显示hello
        // input.value = 'hello';

        // //选中one这个类选择器  和css中选中类一样
        // let div = document.querySelector('.one');
        // div.appendChild(input);

        // 密码隐藏的代码
        // 注意 选中 元素的时候也是有单引号的，选中标签
        // let input = document.querySelector('input');
        // let button = document.querySelector('button');
        // button.onclick = function() {
        //     // 注意都是单引号 判断相等也是 双等号
        //     if(input.type == 'text') {
        //         input.type = 'password';
        //         button.innerHTML = '显示密码';
        //     }else {
        //         input.type = 'text';
        //         button.innerHTML = '隐藏密码';
        //     }
        // }
    </script>
    
</body>
</html>